<div class="choose-person-plugin" ng-controller="AdvancedChooseCtrl">
	<div class="modal-head">
		<ul class="choose-menu">
			<li ng-if="params.person.isPerson" ng-click="tabChange(1)" ng-class="{'active':setShowWhat.person.isShow}">选人</li>
			<li ng-if="params.tag.isTags" ng-click="tabChange(2)" ng-class="{'active':setShowWhat.tag.isShow}">标签</li>
			<li ng-if="params.department.isDepartment" ng-click="tabChange(3)" ng-class="{'active':setShowWhat.department.isShow}">部门</li>
		</ul>
	</div>
	<div>
		<div id="person-view" ng-if="params.person.isPerson" ng-show="setShowWhat.person.isShow">
			<section class="modal-lr">
				<div class="modal-l">
					<div class="modal-search no-item">
						<div class="dem-item-wrap">
							<ul class="sel-dpm-item">
								<li class="sel-item">研发部</li>
								<li class="sel-item">产品部</li>
								<li class="sel-item">资源部</li>
								<li class="sel-item">运营部</li>
							</ul>
						</div>
						<div class="search-wrap">
							<span class="fadajing"></span>
							<input type="text" placeholder="搜索部门" onfocus="select()" data-ng-model="depQuery.kw" data-ng-keypress="checkSearchDep($event)"> 
							<a href="javascript:;" class="chosePer-icon chosePer-close input-close" data-ng-if="depQuery.kw" data-ng-click="depQuery.kw = null"></a>
						</div>
					</div>
					<div class="tree department-tree">
						<div class="chosePer-warning-p">
							<i class="chosePer-icon chosePer-warning"></i>
							<span class="ver-bottom">当前部门不可选择</span>
						</div>
						<span class="clearSearch" data-ng-if="isSearchDep" data-ng-click="cancelSearchDep()">清除搜索 <i class="fa fa-times"></i></span>
						<div>
							<ul data-ng-repeat="dep in departmentListWithPerson">
								<li>
									<div class="tree-item-content">
										<span class="cy-icon cy-arrow chosePer-icon" data-ng-class="{'cy-open':dep.isOpen, 'cy-kongbai':dep.noChild}" data-ng-click="toggleDepWithPerson(dep.de_id)"></span>
										<span class="cy-icon cy-folder"></span> 
										<span class="dpm-name" data-ng-bind="dep.de_name" data-ng-click="clickDepartment(dep.de_id)"></span>
									</div>
									<ul collapse="!dep.isOpen" data-ng-repeat="dep1 in dep.sub" data-ng-include="'app/plugins/choose-person-page-node.html'"></ul>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="modal-r">
					<div class="personnal-search" data-ng-class="{'no-item':selectedMembers.length==0}">
						<div class="ps-special-wrap">
							<div class="chosePer-warning-p">
								<i class="chosePer-icon chosePer-warning"></i> 
								<span class="ver-bottom">当前人员不可选择</span>
							</div>
						</div>
					<div class="per-item-Wrap">
						<ul class="sel-dpm-item">
							<li class="sel-item" data-ng-repeat="sm in selectedMembers">
								<span class="sel-personal-name ellipsis">{{sm.u_username}}</span>
							    <a href="javascript:;" class="sel-item-del chosePer-icon chosePer-delete" data-ng-click="deleteMember($index)"></a>
						    </li>
					    </ul>
				    </div>
				    <div class="search-wrap">
				    	<span class="fadajing"></span> 
				    	<input type="text" placeholder="搜索人员" onfocus="select()" data-ng-model="memberQuery.kw" data-ng-keypress="checkSearchMember($event)"> 
				    	<a href="javascript:;" class="chosePer-icon chosePer-close input-close" data-ng-if="memberQuery.kw" data-ng-click="cancelSearchMember()"></a>
			    	</div>
		    	</div>
		    	<div class="chosePer-options" data-ng-show="members.length > 0 && !singleSelect">
		    		<a href="javascript:void(0);" class="chosePer-fn" data-ng-click="selectAll()">全选</a> 
		    		<a href="javascript:void(0);" class="chosePer-fn" data-ng-click="selectReverse()">反选</a>
		    		<a href="javascript:void(0);" class="chosePer-fn" data-ng-click="cancelAll()">清空</a>
	    		 </div>
	    		 <div class="personnal-avatar-wrap">
	    		 	<div class="per-list-wrap" data-ng-if="noMembers">
	    		 		<h3>没有员工</h3>
    		 		</div>
    		 		<div class="per-list-wrap" data-ng-if="!noMembers">
    		 			<ul class="personnal-list">
    		 				<li class="personnal-item" title="{{member.u_username}}" data-ng-class="{'check':member.selected, 'disable':false}" data-ng-click="clickMembers($index)" data-ng-repeat="member in members">
    		 					<div class="per-avatar">
    		 						<img data-ng-src="{{member.u_face}}">
    		 						<div class="isChecked" data-ng-if="member.selected">
    		 							<i class="checked"></i>
		 							</div>
	 							</div>
	 							<span class="per-name ellipsis" data-ng-bind="member.u_username"></span>
 							</li>
						</ul>
						<div class="load-more" data-ng-if="hasMore" data-ng-click="moreMembers()">
							<a href="javascript:void(0);">加载更多...</a>
						</div>
					</div>
				</div>
			</section>
		</div>
	</div>
	<div id="department-view" ng-if="params.department.isDepartment" ng-show="setShowWhat.department.isShow">
		<div class="choose-body choose-body-department">
			<div class="modal-search no-item">
				<div class="dem-item-wrap">
					<ul class="sel-dpm-item"></ul>
				</div>
				<div class="search-wrap">
					<span class="fadajing"></span>
					<input type="text" placeholder="搜索部门" onfocus="select()" data-ng-model="depQuery.kw" data-ng-keypress="checkSearchDep($event)"> 
					<a href="javascript:;" class="chosePer-icon chosePer-close input-close" data-ng-if="depQuery.kw" data-ng-click="depQuery.kw = null"></a>
				</div>
			</div>
		<div class="tree choose-department">
			<div class="chosePer-warning-p">
				<i class="chosePer-icon chosePer-warning"></i> 
				<span class="ver-bottom">当前部门不可选择</span>
			</div>
			<span class="clearSearch" data-ng-if="isSearchDep" data-ng-click="cancelSearchDep()">清除搜索 <i class="fa fa-times"></i></span>
			<div>
			<ul data-ng-repeat="dep in departmentList" data-ng-if="dep.de_id != 0">
				<li>
					<div class="tree-item-content">
						<span class="chosePer-icon cy-arrow" data-ng-class="{'cy-open':dep.isOpen, 'cy-kongbai':dep.noChild}" data-ng-click="toggleDep(dep.de_id)"></span> 
						<span class="chosePer-icon chosePer-checkBox" data-ng-click="selectDepartment(dep.de_id)" data-ng-class="{checked: dep.isChecked}"></span>
						<span class="chosePer-icon cy-folder" data-ng-click="selectDepartment(dep.de_id)"></span>
						<span class="dpm-name" data-ng-bind="dep.name" data-ng-click="selectDepartment(dep.de_id)"></span>
					</div>
					<ul collapse="!dep.isOpen" data-ng-repeat="dep1 in dep.sub" data-ng-include="'app/plugins/choose-dep-page-node.html'"></ul>
				</li>
			</ul>
			</div>
	</div></div></div><div id="tags-view" class="tags-view" ng-if="params.tag.isTags" ng-show="setShowWhat.tag.isShow"><div class="tags-wrap"><label class="tags-tip">我的标签</label><ul class="tags-list"><li ng-repeat="tag in tags track by $index" ng-click="chooseTag($index)"><div class="tags-left"><div class="tags-name">{{tag.name}}</div></div><div class="tags-right"><span class="chosePer-icon chosePer-checkBox" ng-class="{'checked':tag.selected}"></span></div></li></ul><div class="load-more" ng-show="hasMoreTags" data-ng-click="moreTags()"><a href="javascript:void(0);">加载更多...</a></div></div></div></div><div class="modal-footer"><a href="javascript:void(0);" class="modal-btn btn-default btn-large" data-ng-click="doCancel()">取消</a> <a href="javascript:void(0);" class="modal-btn btn-confrim btn-large" data-ng-click="OK()">确定</a></div></div><script type="text/ng-template" id="app/plugins/choose-dep-page-node.html"><li data-ng-init="dep1_temp=dep1"> <div class="tree-item-content"> <span class="chosePer-icon cy-arrow" data-ng-class="{'cy-open':dep1.isOpen, 'cy-kongbai':dep1.noChild}" data-ng-click="toggleDep(dep1.id)"></span> <span class="chosePer-icon chosePer-checkBox" data-ng-class="{checked: dep1.isChecked}" data-ng-click="selectDepartment(dep1.id)"></span> <span class="chosePer-icon cy-folder" data-ng-click="selectDepartment(dep1.id)"></span> <span class="dpm-name" data-ng-bind="dep1.name" data-ng-click="selectDepartment(dep1.id)"></span> </div> <ul data-ng-class="{'collapse':!$parent.dep1_temp.isOpen}" data-ng-repeat="dep1 in dep1.childDep" data-ng-include="'app/plugins/choose-dep-page-node.html'"><!-- 三级 --> <!-- 迭代树输出 --> </ul> </li></script><script type="text/ng-template" id="app/plugins/choose-person-page-node.html"><li data-ng-init="dep1_temp=dep1"> <div class="tree-item-content"> <span class="cy-icon cy-arrow chosePer-icon" data-ng-class="{'cy-open':dep1.isOpen, 'cy-kongbai':dep1.noChild}" data-ng-click="toggleDep(dep1.de_id)"></span> <!--<span class="chosePer-icon chosePer-checkBox {{more_checked ? '': 'chosePer-cbdisable'}}" data-ng-click=""></span>--> <span class="cy-icon cy-folder"></span> <span class="dpm-name" data-ng-bind="dep1.de_name" data-ng-click="clickDepartment(dep1.de_id)"></span> </div> <ul data-ng-class="{'collapse':!$parent.dep1_temp.isOpen}" data-ng-repeat="dep1 in dep1.childDep" data-ng-include="'app/plugins/choose-person-page-node.html'"><!-- 三级 --> <!-- 迭代树输出 --> </ul> </li></script>